<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>首页</title>
    <!--<script type="text/javascript" src="/sh/js/jquery.min.js"></script>
    <script type="text/javascript" src="/sh/js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/sh/js/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="/sh/js/ajaxfileupload.js"></script>-->
    <link rel="stylesheet" type="text/css" href="/sh/css/index.css"/>
    <script type="text/javascript" src="/sh/js/plugin.js"></script>
    <script type="text/javascript" src="/sh/js/comm.js"></script>
    <script type="text/javascript" src="/sh/js/index.js"></script>
    <link rel="stylesheet" type="text/css" href="/sh/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="/sh/themes/icon.css"/>
</head>
<body style="text-align: center;margin-left: 30%;margin-top: 5%;overflow: hidden;">
<input type="hidden" id="formType" value="0"/>
<div id="loginDiv" class="easyui-panel" title="系统登录"
     style="width:100%;max-width:500px;background-color: #ebfaff;"
     data-options="tools:'#toregister'">
    <form id="loginForm" method="post" style="margin-left: 136px;">
        <div style="margin:5px 0px 10px 0px">请填写账号密码进行登录</div>
        <div style="margin-bottom:10px;">
            <input class="easyui-textbox" name="username" id="username"
                   style="width:60%"
                   data-options="label:'账号:',required:true,labelPosition:'top'"/>
        </div>
        <div style="margin-bottom:20px;">
            <input class="easyui-textbox" name="pwd" id="pwd" type="password"
                   style="width:60%"
                   data-options="label:'密码:',required:true,labelPosition:'top'"/>
        </div>
        <div style="margin-bottom: 20px;">
            <a id="login" href="javascript:void(0)" class="easyui-linkbutton"
               style="width:60%">登录</a>
        </div>
    </form>
</div>
<div id="toregister">
    <a href="javascript:void(0)" class="icon-reload" id="toRegisterA"></a>
</div>
<div id="registerDiv" class="easyui-panel" title="用户注册"
     style="width:100%;max-width:500px;
     background-color: #ebfaff;"
     data-options="tools:'#tologin'">
    <form id="registerForm" method="post" style="margin-left: 120px">
        <div style="margin:5px 0px 10px 0px">请填写资料并提交注册</div>
        <div style="margin-bottom:10px;">
            <label for="linkman" class="label-top">账号:</label>
            <input class="easyui-validatebox tb" id="linkman" name="linkman"
                      placeholder="3到11位账号" style="width: 60%"
                    data-options="required:true, validType:'length[3,11]'">
            <span style="display: inline-block;width:120px;">&nbsp;</span>
        </div>
        <div style="margin-bottom:10px">
            <label for="nickname" class="label-top">昵称：</label>
            <input class="easyui-validatebox tb" id="nickname" name="nickname"
                     data-options="required:true,validType:'length[3,6]'"
                   style="width: 60%" placeholder="昵称 比如：神雕大侠"/>
        </div>
        <div style="margin-bottom:10px">
            <label for="pwd1" class="label-top">密码：</label>
            <input class="easyui-validatebox tb" type="password" id="pwd1" name="pwd1"
             data-options="required:true" validType="length[3,20]"
                   style="width: 60%" placeholder="3到20位密码"/>
        </div>
        <div style="margin-bottom:10px">
            <label for="pwd2" class="label-top">确认密码：</label>
            <input class="easyui-validatebox tb" type="password" id="pwd2" name="pwd2"
                   data-options="required:true" validType="equalTo['#pwd1']" style="width: 60%"
                   invalidMessage="两次输入密码不一致" placeholder="两次输入密码要一致"/>
        </div>
        <div style="margin-bottom:10px">
            <label for="departmentId" class="label-top">部门：</label>
            <select class="easyui-combobox" id="departmentId" name="departmentId"
                    style="width: 60%" data-options="editable: false,panelMaxHeight: 100"/>
                <option value="ar">车间</option>
                <option value="bg">办公室</option>
            </select>
        </div>
        <div style="margin-bottom: 10px; ">
            <a id="register" href="javascript:void(0)" class="easyui-linkbutton"
               style="width:107px">注册</a>
            <a id="clear" href="javascript:void(0)" class="easyui-linkbutton"
               style="width:107px">重置</a>
        </div>
    </form>
</div>
<div id="tologin"><a class="icon-reload" id="toLoginA"></a></div>
<style>
    .tb{
        border-radius: 5px;
        height: 30px;
        line-height: 30px;
        font-family: 微软雅黑;
        font-size:13px;
        border:1px solid #ccc;
        box-sizing:border-box;
    }
</style>
</body>
</html>
